<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>猫眼看房</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body>
		<!--顶部-->
		<header>
			<a href="javascript:history.go(-1)" class="iconfont icon-zuojiantou1"></a>
			<h1>清风椰林湾动态</h1>
		</header>
		<!--顶部-->
		<!--日期-->
		<div class="datebox">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<a class="swiper-slide">12/4</a>
					<a class="swiper-slide">12/5</a>
					<a class="swiper-slide">12/6</a>
					<a class="swiper-slide">12/7</a>
					<a class="swiper-slide">12/8</a>
					<a class="swiper-slide">12/9</a>
					<a class="swiper-slide">12/10</a>
					<a class="swiper-slide">12/11</a>
					<a class="swiper-slide">12/12</a>
					<a class="swiper-slide">12/13</a>
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>
		</div>
		<!--日期-->
		<!--内容-->
		<div class="container pt3">
			<div class="trendbox">
				<div class="replydetail trend">
					<div class="txbox"><img src="../../img/img03.jpg" /></div>
					<div class="replycon">
						<div class="replytop">
							<div class="personname">
								<span>锐进地产 陈海</span>
							</div>
							<em class="date">2017-12-5 15:30</em>
							<p>清风椰林湾12月25日前签订购房合同奖励1万元成交奖，欢迎带看联系我</p>
							<div class="showimg">
								<img src="../../img/img01.jpg" alt="" />
							</div>
							<div class="tips">
								<div class="static">
									<span><i class="iconfont icon-comment"></i>213</span>
									<span onclick="thumb(this)"><i class="iconfont icon-dianzan"></i>213</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="replydetail trend">
					<div class="txbox"><img src="../../img/img03.jpg" /></div>
					<div class="replycon">
						<div class="replytop">
							<div class="personname">
								<span>锐进地产 陈海</span>
							</div>
							<em class="date">2017-12-5 15:30</em>
							<p>清风椰林湾12月25日前签订购房合同奖励1万元成交奖，欢迎带看联系我</p>
							<div class="moreimg row">
								<a href="#"><img src="../../img/img01.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img02.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img03.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img04.jpg" alt="" /></a>
							</div>
							<div class="tips">
								<div class="static">
									<span><i class="iconfont icon-comment"></i>213</span>
									<span onclick="thumb(this)"><i class="iconfont icon-dianzan"></i>213</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="replydetail trend">
					<div class="txbox"><img src="../../img/img03.jpg" /></div>
					<div class="replycon">
						<div class="replytop">
							<div class="personname">
								<span>锐进地产 陈海</span>
							</div>
							<em class="date">2017-12-5 15:30</em>
							<p>清风椰林湾12月25日前签订购房合同奖励1万元成交奖，欢迎带看联系我</p>
							<div class="moreimg row">
								<a href="#"><img src="../../img/img01.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img02.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img03.jpg" alt="" /></a>
							</div>
							<div class="tips">
								<div class="static">
									<span><i class="iconfont icon-comment"></i>213</span>
									<span onclick="thumb(this)"><i class="iconfont icon-dianzan"></i>213</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="replydetail trend">
					<div class="txbox"><img src="../../img/img03.jpg" /></div>
					<div class="replycon">
						<div class="replytop">
							<div class="personname">
								<span>锐进地产 陈海</span>
							</div>
							<em class="date">2017-12-5 15:30</em>
							<p>清风椰林湾12月25日前签订购房合同奖励1万元成交奖，欢迎带看联系我</p>
							<div class="moreimg row">
								<a href="#"><img src="../../img/img01.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img02.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img03.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img04.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img01.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img02.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img03.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img04.jpg" alt="" /></a>
								<a href="#"><img src="../../img/img04.jpg" alt="" /></a>
							</div>
							<div class="tips">
								<div class="static">
									<span><i class="iconfont icon-comment"></i>213</span>
									<span onclick="thumb(this)"><i class="iconfont icon-dianzan"></i>213</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--内容-->
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/swiper.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.replydetail').each(function() {
					var arr = $(this).find(".moreimg a").length;
					if (arr == 4) {
						$(this).find(".moreimg").css('width', '11rem');
					} else if (arr == 3 || arr > 4) {
						$(this).find(".moreimg").css('width', '11.4rem');
					}
				});
			});
			var swiper = new Swiper('.swiper-container', {
				slidesPerView: 3,
				initialSlide: 5,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
		</script>
	</body>

</html>